<template>
  <div class="wid">
    <div style="display: flex;justify-content: center;padding: 20px;"><h2>注册新用户</h2></div>
    <div class="">
      <a-form>
        <a-form-item label="手机" required>
          <a-input v-model="formData.UserPhone" placeholder="手机号(必填)" style="width: 400px;"/>
          <a-button :disabled="getPhone()" style="width: 110px;" type="primary" @click="downCount">{{ countIndex }}</a-button>
        </a-form-item>
        <a-form-item label="验证码" required>
          <a-input v-model="formData.Code" placeholder="验证码(必填)" style="width: 300px;"/>
        </a-form-item>
        <a-form-item label="账号" required>
          <a-input v-model="formData.UserAccount" placeholder="账号(必填)"/>
        </a-form-item>
        <a-form-item label="密码" required>
          <a-input-password v-model="formData.UserPassword" placeholder="密码(必填)"/>
        </a-form-item>
        <a-form-item label="姓名" required>
          <a-input v-model="formData.UserName" placeholder="姓名(必填)"/>
        </a-form-item>
        <a-form-item label="邮箱">
          <a-input v-model="formData.UserEmail" placeholder="邮箱(选填)"/>
        </a-form-item>
        <a-form-item label=" ">
          <a-checkbox v-model="checked"></a-checkbox> &nbsp;我已阅读并同意 <a style="color: #535bf2;cursor: pointer;padding: 0 3px;" @click="isView=true">服务条款</a> 及
          <a style="color: #535bf2;cursor: pointer;padding: 0 3px;" @click="isView=true">隐私政策</a>
        </a-form-item>
        <a-form-item label=" ">
          <a-space>
            <a-button type="primary" @click.stop="subReg()">注册</a-button>
            <a-button @click="$router.push('/login')">返回登陆</a-button>
          </a-space>
        </a-form-item>
      </a-form>
    </div>
  </div>
  <a-modal :visible="isView" @cancel="isView=false" width="80%">
    <template #title>
      <div class="title">
        <b>上海佐标智能科技有限公司</b> 服务条款/隐私政策
      </div>
    </template>
    <div class="protocol">

      <p class="ti">上海佐标智能科技有限公司（以下简称"<b>佐标智能</b>"）是佐标智能（<b>ioaol.com</b>）网站的合法所有权方及运营方。佐标智能用户使用协议（以下简称"本协议"）系由佐标智能用户（以下统称"用户"或"您"）与佐标智能就各项服务所订立的相关权利义务规范。用户通过访问和/或使用本网站，即表示接受并同意本协议的所有条件和条款。佐标智能作为IOA网站（ioaol.com）的运营者依据本协议为用户提供服务。 您已充分阅读、理解并接受本协议的全部内容，特别是以粗体/粗体下划线标识的条款。不愿接受本协议条款的，不得访问或使用本网站。 佐标智能向用户提供免费或收费服务，用户有权依据自身需求，自主进行选择。若用户在佐标智能网站购买相关服务，还须同意及遵守相关服务协议和规则。
      </p>
      <p> 一、服务内容</p>
      <p style="text-indent: 0">
        1、佐标智能通过自己的产品研发和运营服务，为用户提供网页产品制作工具，并为作品提供浏览等服务。<br> 2、用户必须自行准备如下设备和承担如下开支： <br>
        <span>（1）上网设备，包括并不限于电脑或者其他上网终端、调制解调器及其他上网装置；</span> <br> <span>（2）上网开支，包括并不限于网络接入费、上网设备租用费、手机流量费等。</span>
        <br> 3、用户在注册账号时需提供注册资料，用户同意：<br> （1）提供合法、真实、准确、详尽的个人资料；<br> （2）如有变动，及时更新用户资料。如果用户提供的注册资料不合法、不真实、不准确、不详尽的，用户需承担因此引起的相应责任及后果，并且佐标智能保留终止用户使用佐标智能各项服务的权利。<br> 4、佐标智能向用户提供免费或收费服务，用户有权依据自身需求，自主进行选择。若用户在佐标智能网站购买相关服务，用户同意并遵守相关服务协议。
      </p>
      <p>二、服务的提供、修改及终止</p>
      <p>1、用户在接受佐标智能各项服务的同时，同意接受佐标智能提供的各类信息服务。 用户在此授权佐标智能可以向其电子邮件、手机、通信地址等发送商业信息。<br> 2、佐标智能保留随时修改或中断服务而不需通知用户的权利。 佐标智能有权行使修改或中断服务的权利，不需对用户或任何无直接关系的第三方负责。<br> 3、用户对本协议的修改有异议，或对佐标智能的服务不满，可以行使如下权利：<br> （1）停止使用佐标智能的网络服务，注销用户账号；<br> （2）通过客服等渠道告知佐标智能停止对其服务。结束服务后，用户使用佐标智能网络服务的权利立即终止。在此情况下，佐标智能没有义务传送任何未处理的信息或未完成的服务给用户或任何无直接关系的第三方。
        <br> 4、用户连续
        <b>36个月未登录</b>佐标智能网站，即视为用户终止使用佐标智能服务。 佐标智能将注销该类用户账号，以保障用户个人信息安全、财产安全。用户自愿同意放弃账户附加的全部权益。<br> 5、因用户违反本协议约定事项，严重损害佐标智能或第三方合法权益；用户利用佐标智能服务实施违法违规行为，或侵犯第三方合法权益，则佐标智能均有权终止向用户提供服务，并注销用户账号。<br> 6、在终止服务后的合理时间内，佐标智能将有权下架所有该用户上传或发布的信息或作品。
      </p>
      <p><b>三、用户信息的保密</b></p>
      <p>1、本协议所称之佐标智能用户信息是指符合法律、法规及相关规定，并符合下述范围的信息：<br> （1）用户注册佐标智能或申请佐标智能软件资格，向佐标智能提供的个人信息；<br> （2）用户在使用佐标智能服务、参加网站活动或访问网站网页时，佐标智能自动接收并记录的用户浏览器端或手机客户端数据，包括但不限于IP地址、网站Cookie中的资料及用户要求取用的网页记录；<br> （3）佐标智能从商业伙伴处合法获取的用户个人信息；<br> （4）其它佐标智能通过合法途径获取的用户个人信息。<br> 2、佐标智能承诺： 非经法定原因或用户事先许可，佐标智能不会向任何第三方透露用户的密码、姓名、手机号码等非公开信息。<br> 3、在下述法定情况下，用户的个人信息将会被部分或全部披露：<br> （1）经用户同意向用户本人或其他第三方披露；
        <br> （2）根据法律、法规等相关规定，或行政机构要求，向行政、司法机构或其他法律规定的第三方披露；<br> （3）其它佐标智能根据法律、法规等相关规定进行的披露。 </p>
      <p>四、用户权利</p>
      <p>1、用户的用户名、密码和安全性
        <br> （1）用户有权选择是否成为佐标智能会员，用户选择成为佐标智能注册会员的，可自行创建、修改昵称。用户名和昵称的命名及使用应遵守相关法律法规并符合网络道德。用户名和昵称中不能含有任何侮辱、威胁、淫秽、谩骂等侵害他人合法权益的文字，亦不得包含佐标智能相关字样，致使其他用户误将其认定为佐标智能官方人员。<br> （2）用户一旦注册成功，成为佐标智能的会员，即绑定唯一匹配的ID号码，同时得到用户名（用户邮箱/手机号码/其他第三方授权）和密码，并对以此组用户名和密码登入系统后所发生的所有活动和事件负责，自行承担一切使用该用户名的言语、行为等而直接或者间接导致的法律责任。
        <br>（3）用户有义务妥善保管佐标智能用户名和密码，用户将对用户名和密码安全负全部责任。因用户原因导致用户名或密码泄露而造成的任何法律后果均由用户本人负责。<br> （4）用户密码遗失的，可以在网站重置密码，以手机号码注册的用户可以凭借手机号码找回原密码。用户若发现任何非法使用用户名或存在其他安全漏洞的情况，应立即告知佐标智能。
        <br> 2、用户有权在注册并登陆后在站内发布客观、真实、合法的信息和作品；购买相应服务。<br> 3、用户有权在注册并登陆后自行添加个人信息；<br> 4、用户有权修改其个人账户中各项可修改信息，自行选择昵称和录入介绍性文字，自行决定是否提供非必填项的内容；<br> 5、用户有权参加佐标智能论坛，并发表符合国家法律规定，且符合佐标智能规则的文章及观点；<br> 6、用户有权参加佐标智能组织提供的各项线上、线下活动；<br> 7、用户有权下载安装佐标智能手机客户端并使用其功能。<br> 8、用户有权根据佐标智能网站规定，享受佐标智能提供的各类服务。<br> 9、用户有权选择是否对产品付费功能或服务进行消费，并有义务提前了解相关付费功能的适用范围。
      </p>
      <p> 五、用户管理</p>
      <p>1、用户不得利用本站服务，实施危害国家安全、泄露国家秘密的行为，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播下列信息：<br> （1）煽动抗拒、破坏宪法和法律、行政法规实施的；<br> （2）煽动颠覆国家政权，推翻社会主义制度的；
        <br> （3）煽动分裂国家、破坏国家统一的；
        <br> （4）煽动民族仇恨、民族歧视，破坏民族团结的；<br> （5）捏造或者歪曲事实，散布谣言，扰乱社会秩序的；<br> （6）宣扬封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖、教唆犯罪的；
        <br> （7）公然侮辱他人或者捏造事实诽谤他人的，或者进行其他恶意攻击的；
        <br> （8）损害国家机关信誉的；<br> （9）其他违反宪法和法律行政法规的。<br> 2、用户不得通过任何手段恶意注册佐标智能站账号，包括但不限于以诈骗、传销、套现、获奖等为目的多个账号注册。用户亦不得盗用其他用户帐号。 如用户违反上述规定，则佐标智能有权直接采取一切必要的措施，包括但不限于关闭或删除用户发布的内容、暂停或查封用户帐号，取消因违规所获利益，乃至通过诉讼形式追究用户法律责任等。<br> 3、用户需保证发布内容的客观性、真实性，不得利用佐标智能用户身份进行违反诚信的任何行为，包括但不限于：发布无关第三方广告；发布恶意中伤佐标智能的言辞；为获得利益或好处，参与或组织撰写及发布虚假评论；进行其他影响网站内容真实性、客观性、扰乱网站正常秩序的违规行为等。 如用户违反上述规定，则佐标智能有权采取一切必要的措施，包括但不限于：关闭或删除用户发布的内容、暂停或查封用户帐号，取消因违规所获利益，乃至通过诉讼形式追究用户法律责任等。<br> 4、禁止用户以任何形式将佐标智能作为从事各种非法活动的场所、平台或媒介。未经佐标智能的授权或许可，用户不得借用本站的名义从事任何商业活动，也不得以任何形式将佐标智能作为从事商业活动的场所、平台或媒介。 如用户违反上述规定，则佐标智能有权直接采取一切必要的措施，包括但不限于关闭或删除用户发布的内容、暂停或查封用户帐号，取消因违规所获利益，乃至通过诉讼形式追究用户法律责任等。
        <br> 5、用户在佐标智能网站以各种形式发布的一切信息/作品，均应符合国家法律法规等相关规定及网站相关规定，符合社会公序良俗，且不侵犯任何第三方主体的合法权益，否则用户自行承担因此产生的一切法律后果，且佐标智能因此而受到的损失，亦有权向用户追偿。
      </p>
      <p>六、广告</p>
      <p>1、用户理解并同意，用户在使用佐标智能软件或者服务的过程中，佐标智能将在用户的作品中展示第三方供应商、合作伙伴的商业广告或者信息（包括商业的和非商业的信息）。
        <br> 2、如果用户不愿意在作品中展示商业广告或者信息，用户可以付费关闭商业广告或者信息展示的服务。<br> 3、佐标智能依照法律法规规定履行广告相关义务，用户应该自行判断该广告的真实性和可靠性，并为自己的判断行为负责。除法律法规明确规定外，用户因为广告进行的购买、交易或因前述内容而遭受的损害或者损失，用户自行承担，佐标智能不予承担责任。
      </p>
      <p>七、知识产权及其它权利</p>
      <p>1、用户同意，对于其发布到网站的任何内容，佐标智能在全世界范围内不限形式和载体的享有永久的、不可撤销的、免责的、非独家使用的权利， 包括但不限于修改、复制、发行、展览、改编、汇编、出版、翻译、信息网络传播、再创作及规定的其他权利。<br> 2、佐标智能拥有本网站内容及资源的版权或合法授权,受国家知识产权保护,享有对本网站各种协议、声明的修改权；未经佐标智能明确书面许可，任何第三方不得为任何非私人或商业目的获取或使用本网站的任何部分或通过本网站可直接或间接获得的任何内容、服务或资料。任何第三方违反本协议的规定以任何方式，和/或以任何文字对本网站的任何部分进行发表、复制、转载、更改、引用、链接、下载或以其他方式进行使用，或向任何其他第三方提供获取本网站任何内容的渠道，则对本网站的使用权将立即终止，且任何第三方必须按照本公司的要求，归还或销毁使用本网站任何部分的内容所创建的资料的任何副本。<br> 3、佐标智能公司提供的非用户上传/提供的文字、软件、声音、相片、视频、图表等，所有这些内容均属于佐标智能公司，并受版权、商标、专利和其它财产所有权法律的保护。所以，用户只能在佐标智能公司授权下才能使用这些内容。佐标智能未向任何第三方转让本网站或其中的任何内容所相关的任何权益或所有权，且一切未明确向任何第三方授予的权利均归佐标智能所有。未经本协议明确允许而擅自使用本网站任何内容、服务或资料的，构成对本协议的违约行为，且可能触犯著作权、商标、专利和/或其他方面的法律法规，佐标智能保留对任何违反本协议规定的第三方（包括单位或个人等）提起法律诉讼的权利。
      </p>
      <p>八、服务条款的修改</p>
      <p>本公司可按自身判断随时对本协议进行修改及更新。 对本协议的所有改动一经发布即产生法律效力，并适用于改动发布后对本网站的一切访问和使用行为。如用户在修改后的本协议发布后继续使用本网站的，即代表用户接受并同意了这些改动。用户应定期查看本协议更新内容，了解对用户具有约束力的本协议的任何改动。 </p>

      <p>九、拒绝担保与免责</p>

      <p>1、佐标智能作为"网络服务提供者"，不担保网站平台上的信息及服务能充分满足用户的需求。 用户在使用佐标智能提供的各项服务时，已明确知悉以下内容：<br> （1）对于用户在接受佐标智能的服务过程中可能遇到的错误、侮辱、诽谤、不作为、淫秽、色情或亵渎事件，佐标智能将尽力避免但不对此承担法律责任；<br> （2）用户在购买付费服务时，已通过各种渠道详细了解服务内容、细则，佐标智能不承担因用户未充分了解服务功能或内容，或未能实现用户预期效果，而引起的退款或赔偿事项；<br> （3）用户在购买付费服务后，因主观原因产生的退款事项，佐标智能不予受理；<br> （4）用户已充分了解或评估使用甲方服务存在风险，包括但不限于网络问题、信息安全、版权问题、以及其他非佐标智能原因所导致的服务异常。
        <br> 2、基于互联网的特殊性，佐标智能不担保服务不会中断，对服务的及时性、安全性均不作担保，不承担非因佐标智能原因导致的责任。 佐标智能力图使用户能对本网站进行安全访问和使用，但佐标智能不声明也不保证本网站或其服务器是不含病毒或其它潜在有害因素的；因此用户应使用业界公认的软件查杀任何自佐标智能下载文件中的病毒。<br> 3、因互联网服务的使用效果依托于不同主体各自服务的提供，故佐标智能不对用户所发布信息的保存、修改、删除或储存失败负责。对网站上可能出现的排字错误、疏忽等不承担责任。<br> 4、除非佐标智能以书面形式明确约定，佐标智能对于用户以任何方式（包括但不限于包含、经由、连接或下载）从本网站所获得的任何内容信息，包括但不限于素材、场景、模板等，不保证其准确性、完整性、可靠性；对于用户因本网站上的内容信息而购买、获取的任何产品、服务、信息或资料，佐标智能不承担责任。用户自行承担使用本网站信息内容所导致的风险。<br> 5、佐标智能内所有用户所发表的信息或作品，仅代表用户个人观点，并不表示本网站赞同其观点或证实其描述，本网站不承担用户信息引发的任何法律责任。<br> 6、佐标智能有权删除站内各类不符合法律或协议规定的信息，而保留不通知用户的权利。<br> 7、所有发给用户的通告，佐标智能都将通过正式的页面公告、站内信、电子邮件、客服电话、手机短信或常规的信件送达。任何非经佐标智能正规渠道获得的中奖、优惠等活动或信息，佐标智能不承担法律责任。<br> 8、佐标智能作为网站运营方，已尽全力向用户提供优质服务，网站内容服务的提供主体为佐标智能关联公司或第三方运营商，用户在使用该类服务时，需重点关注页面提示内容，用户在购买该类付费服务后，以服务主体不是佐标智能为由，主张退款或赔偿的事项，佐标智能及服务对应主体均不予受理。同时，因该类服务而引发的纠纷，需由用户与关联公司或第三方运营商自行解决，佐标智能不承担任何赔偿或补偿责任。
      </p>
      <p>十、不可抗力条款</p>
      <p> 佐标智能公司对不可抗力导致的损失不承担责任。本服务条款所指不可抗力包括：天灾、法律法规或政府指令的变更，因网络服务特性而特有的原因，例如境内外基础电信运营商的故障、计算机或互联网相关技术缺陷、互联网覆盖范围限制、计算机病毒、黑客攻击等因素，及其他合法范围内的不能预见、不能避免并不能克服的客观情况。 </p>
      <p>十一、侵权投诉</p>
      <p>1、据《中华人民共和国侵权责任法》第三十六条，任何第三方认为，用户利用佐标智能平台侵害本人民事权益或实施侵权行为的，包括但不限于侮辱、诽谤等，被侵权人有权书面通知佐标智能采取删除、屏蔽、断开链接等必要措施。
        <br> 2、据《信息网络传播权保护条例》，任何第三方认为，佐标智能所涉及的作品、表演、录音录像制品，侵犯自己的信息网络传播权或者被删除、改变了自己的权利管理电子信息的，可以向佐标智能提交书面通知，要求佐标智能删除该侵权作品，或者断开链接。通知书应当包含下列内容：
        <br> （一）权利人的姓名（名称）、联系方式和地址；
        <br>（二）要求删除或者断开链接的侵权作品、表演、录音录像制品的名称和网络地址；<br> （三）构成侵权的初步证明材料。 权利人应当对通知书的真实性负责。<br> 3、任何第三方（包括但不限于企业、公司、单位或个人等）认为佐标智能用户发布的任何信息侵犯其合法权益的，包括但不限于以上两点，在有充分法律法规及证据足以证明的情况下，均可以通过下列联系方式通知佐标智能： 安徽公司地址： 安徽省芜湖市鸠江区电子产业园D栋四楼
        <br> 4、侵权投诉必须包含下述信息：<br> （1）被侵权人的证明材料、权属文件，或被侵权作品的原始链接及其它证明材料。<br> （2）侵权信息或作品在佐标智能网站的具体链接。<br> （3）侵权投诉人的联络方式，以便佐标智能相关部门能及时回复您的投诉，最好包括电子邮件地址、电话号码或手机等。<br> （4）投诉内容须纳入以下声明："本人本着诚信原则，有证据认为该对象侵害本人或他人的合法权益。本人承诺投诉全部信息真实、准确，否则自愿承担一切后果。"
        <br> （5）本人亲笔签字并注明日期，如代理他人投诉的，必须出具授权人签字的授权书。<br> 5、佐标智能建议用户在提起投诉之前咨询法律顾问或律师。同时郑重提请用户注意：如果对侵权投诉不实，则用户可能承担相应法律责任。
      </p>

      <p>十二、适用法律和裁判地点</p>

      <p> 1、因用户使用佐标智能网站服务而引起或与之相关的一切争议、权利主张或其它事项，均受中华人民共和国法律的管辖。<br> 2、用户和佐标智能发生争议的，应首先本着诚信原则通过协商加以解决。如果协商不成，则双方同意提交至中国国际经济贸易仲裁委员会申请仲裁裁决，并由3名仲裁员进行审理。仲裁裁决是终局的，对双方均有约束力。
      </p>

      <p> 十三、青少年用户特别提示</p>

      <p>青少年用户必须遵守全国青少年网络文明公约： 要善于网上学习，不浏览不良信息；要诚实友好交流，不侮辱欺诈他人；要增强自护意识；要维护网络安全，不破坏网络秩序。</p>

      <p> 十四、可分性</p>

      <p>如果本协议的任何条款被视为不合法、无效或因任何原因而无法执行，则此等规定应视为可分割，不影响任何其它条款的法律效力。</p>

      <p>十五、冲突选择</p>

      <p> 本协议是佐标智能与用户注册成为IOA网站会员，使用佐标智能服务之间的重要法律文件，佐标智能或者用户的任何其他书面或者口头意思表示与本协议不一致的，均应当以本协议为准。</p>

      <p>十六、针对搜索引擎</p>
      <p> 佐标智能要求各搜索引擎遵循行业规范，否则将视你的抓取行为是对我网站财产权利和知识产权的侵犯，有权通过法律诉讼维护网站利益。</p>

    </div>
    <template #footer>
      <div style="width:240px;text-align: center;float: right;padding-bottom: 20px;">
        <div>上海佐标智能科技有限公司</div>
        <div>{{ moment().format("YYYY-MM-DD") }}</div>
      </div>
    </template>
  </a-modal>
</template>

<script>
import moment from "moment";

export default {
  name: "register",
  data() {
    return {
      moment,
      formData: {
        TeachName: "网站注册",
        AdderId: 1,
      },
      isView: false,
      checked: true,
      countIndex: "获取验证码",
    };
  },
  mounted() {
    // this.getData();
  },
  methods: {
    async subReg() {
      if(!this.checked) {
        this.$message.error("必须同意服务条款与隐私政策!");
        return;
      }
      if(!(/^1[3|456789]\d{9}$/.test(this.formData.UserPhone))) {
        this.$message.error("手机号码有误，请重填");
        return;
      }
      if(this.formData.Code.length !== 6) {
        this.$message.error("验证码误，请重填");
        return;
      }
      if(!(/^[a-zA-Z\d]*$/.test(this.formData.UserAccount))) {
        this.$message.error("账号有误，请重填");
        return;
      }
      const res = await this.$Http.userReg(this.formData);
      this.$message.error(res.Data);
      if(res["Msg"] === "OK") {
        setTimeout(async() => {
          this.$router.push("/login");
        }, 1000);
      }
    },
    async downCount() {
      if(!(/^1[3|456789]\d{9}$/.test(this.formData.UserPhone))) {
        this.$message.error("手机号码有误，请重填");
        return false;
      }
      this.getContIndex();
      const res = await this.$Http.getCode({ Phone: this.formData.UserPhone });
      if(res.Data === "ok") {
        this.$message.success("发送成功,验证码有效时间,请在 15 分钟内完成注册!");
      }
    },
    getContIndex() {
      if(this.countIndex === "获取验证码") {
        this.countIndex = 5;
        this.interval = setInterval(() => {
          this.countIndex--;
          if(this.countIndex <= 0) {
            clearInterval(this.interval);
            this.countIndex = "获取验证码";
          }
        }, 1000);
      } else {
        this.$message.error(`还有${this.countIndex}秒,可重新获取!`);
      }
    },
    getPhone() {
      if(!this.formData.UserPhone) return true;
      return this.formData.UserPhone.length !== 11;
    },
  },
};
</script>

<style lang="less" scoped>
.wid {
  width: 30%;margin: 50px auto;
  }


.protocol {
  height: 70vh;overflow: auto;

  p {
    line-height: 24px;

    &.ti {
      text-indent: 2em;
      }

    b {
      color: #184b95;
      }
    }
  }

.title {
  font-size: 18px;font-weight: bold;
  }
</style>
